<template>
  <div id="container"></div>
</template>

<script>
import { Scene, StaticModel } from '../assets/js/three-init.js'

export default {
  data() {
    return {
      scene: null,
      agvModel_1: null
    }
  },
  mounted() {
    const container = document.getElementById('container');
    this.scene = new Scene(container, 500);
    this.scene.displayGrid(10);
    this.scene.displayAxes();
    this.scene.displayStats(false, true);
    this.agvModel_1 = new StaticModel('mymodel.glb', 'AGV', this.scene);
  },
  methods: {
  }
}
</script>

<style lang="less">
#container {
  height: 100%;
  width: 100%;
}
</style>